<template>
	<view>
		<swipergo :swiperid="swiperid" :upHeight="300" :upWith="716"></swipergo>
		<view class="cont">
			<view class="ts1">{{info.title}}</view>
			<view class="ts2">发布时间：{{info.createTime}}</view>
		</view>
		<view class="cont_f">
			<mp-html :content="info.content" />
		</view>
	</view>
</template>

<script>
	import {
		getNoticeInfo
	} from '@/common/http.api.js';
	export default {
		data() {
			return {
				swiperid: 7,
				info:{}
			};
		},
		onLoad(e) {
			getNoticeInfo({id:e.id}).then(res=>{
				if(res.code == 200){
					this.info = res.data
				}
			})
		},
		methods: {
		}
	}
</script>

<style lang="less">
	page {
		background-color: #F0F0F1;
	}

	.cont {
		padding: 40rpx;

		.ts1 {
			margin: 20rpx auto 30rpx;
			text-align: center;
			color: #1A4878;
			font-weight: bold;
			font-size: 40rpx;
			border-bottom: 1px solid #888888;
			padding-bottom: 20rpx;
		}

		.ts2 {
			color: #666666;
			font-size: 26rpx;
			line-height: 48rpx;
		}
	}

	.cont_f {
		width: 100%;
		padding: 20rpx;
		box-sizing: border-box;
		background-color: #fff;
		margin-bottom: 100rpx;
	}
	.swiper1 {
		width: 716rpx;
		margin: 20rpx auto;
		.swiper {
			width: 716rpx;
			height: 300rpx;
			border-radius: 20rpx;
			.items_sw {
				width: 716rpx;
				height: 300rpx;
				border-radius: 20rpx;
				image {
					width: 100%;
					height: 300rpx;
					border-radius: 20rpx;
				}
			}
		}
	}
</style>